<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:pretty="http://ocpsoft.com/prettyfaces"						      
      xmlns:p="http://primefaces.org/ui" class="no-js">
<!-- *******************************************************No bootstrap / No modernizr******************************************** -->
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        
    <meta name="description" content="Management" />
    <meta name="viewport" content="width=device-width" />

	<link rel="shortcut icon" href="${request.contextPath}/resources/img/favicon-guide.ico.gif" />
    <h:outputStylesheet name="css/normalize.min.css" />
    <h:outputStylesheet name="css/main.css" />
    
    <!--[if lt IE 9]>
            <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
            <script>window.html5 || document.write('<script src="js/vendor/html5shiv.js"><\/script>')</script>
        <![endif]-->       	        
	                
	<title><ui:insert name="title">GF4</ui:insert></title>
</h:head>
<h:body>
<f:view contentType="text/html" encoding="UTF-8">
	
	<nav class="fixed">
	    <div class="header-container">
	        <header class="wrapper clearfix">            
	            <h:form id="menuBarForm">
	            	<p:menubar autoDisplay="false">
	            		<p:menuitem>  
	            			<p:graphicImage id="rslogo" value="/resources/img/yodamin.gif" /> 
	            		</p:menuitem>
						<p:submenu label="Projects">
							<p:menuitem value="#{i18n.version}" url="/xhtml/application.xhtml" />
							<p:menuitem value="#{i18n.status}" url="/xhtml/status.xhtml" />
							<p:menuitem value="#{i18n.company}" url="/xhtml/company.xhtml" />
						</p:submenu>
						<p:submenu label="Services">
							<p:menuitem value="#{i18n.timeSheet}" url="/xhtml/timeSheet.xhtml" />								
							<p:menuitem value="#{i18n.contracts}" url="/xhtml/contract.xhtml" />
						</p:submenu>
						<p:submenu label="Downloads">
							<p:menuitem value="Youtube" url="http://www.youtube.com" />
							<p:menuitem value="Break" url="http://www.break.com" />
						</p:submenu>
						<p:submenu label="About">
							<p:menuitem value="Youtube" url="http://www.youtube.com" />
							<p:menuitem value="Break" url="http://www.break.com" />
						</p:submenu>
						<p:submenu label="Contact">
							<p:menuitem value="Youtube" url="http://www.youtube.com" />
							<p:menuitem value="Break" url="http://www.break.com" />
						</p:submenu>
						<p:menuitem value="Quit" url="http://www.primefaces.org" icon="ui-icon-close" />  
	  					
				        <f:facet name="options">  					        			        	
				            <h:form id="i18nForm" prependId="false">
								<h:commandButton image="/resources/img/language_fr.png" id="fr" styleClass="flag"
									action="#{internationalisationBean.selectLanguage}">									
									<f:setPropertyActionListener
										target="#{internationalisationBean.language}" value="fr" />								
								</h:commandButton>
								<h:commandButton image="/resources/img/language_en.png" id="en" styleClass="flag"
									action="#{internationalisationBean.selectLanguage}">									
									<f:setPropertyActionListener
										target="#{internationalisationBean.language}" value="en" />								
								</h:commandButton>
							</h:form> 
				        </f:facet>  
					</p:menubar>
				</h:form>               
	        </header>
	    </div> 
	    <div class="header-gradient"></div>  
    </nav>    
    <div class="main-container">
        <div class="main wrapper clearfix">
        
        	<ui:insert name="content"></ui:insert>
        	
        </div> <!-- #main -->
    </div> <!-- #main-container -->

	<div class="footer-gradient"></div>
	
    <div class="footer-container">
        <footer class="wrapper">
            <div id="footer">
				<ui:insert name="footer">
					<h:panelGrid>
						<f:facet name="header">
				            <h:panelGroup style="display:block;">
								<h:graphicImage value="/resources/img/language_#{view.locale}.png" />
								<h:outputText value=" #{i18n.design}" />
							</h:panelGroup>
						</f:facet>						
						<h:outputFormat value="#{i18n.date}">
							<f:param value="#{internationalisationBean.date}" />
						</h:outputFormat>						
						<h:outputText escape="false" value="#{i18n.footer1}" />
					</h:panelGrid>
				</ui:insert>
			</div>
        </footer>
    </div>		
	
</f:view>   
   
<!-- Javascript placed at the end of the document so the pages load faster
   ========================================================================== -->
<!-- Replace <  > by &gt &lt for facelets XML correspondance - same for & -->

<h:outputScript library="primefaces" name="jquery/jquery.js" />

<h:outputScript library="js" name="main.js" />
<script>
	var _gaq = [ [ '_setAccount', 'UA-XXXXX-X' ], [ '_trackPageview' ] ];
	(function(d, t) {
		var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
		g.src = '//www.google-analytics.com/ga.js';
		s.parentNode.insertBefore(g, s)
	}(document, 'script'));
</script>        
</h:body>
</html>